<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>添加员工</title>
    <link rel="stylesheet" href="../../static/layui/css/layui.css">
    <link rel="stylesheet" href="../../static/css/staff/index.css">
</head>
<body>
    <div id="main" style="padding:10px 0;padding-bottom: 0px;">
        <!--<div class="title">-->
            <!--<h3 style="font-weight: bold;">编辑</h3>-->
            <!--<hr class="layui-bg-green">-->
        <!--</div>-->
        <form class="layui-form layui-form-pane m-form">
            <div class="layui-form-item">
                <label class="layui-form-label">姓名</label>
                <div class="layui-input-inline">
                    <input th:value="${staff.getId()}" type="hidden" name="id">
                    <input th:value="${staff.getName()}" type="text" name="name" autocomplete="off" lay-verify="required" placeholder="请输入姓名" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">性别</label>
                <div class="layui-input-block">
                    <input th:checked="${staff.getSex()=='1'?'checked':'false'}" type="radio" name="sex" value="1" title="男" checked>
                    <input th:checked="${staff.getSex()=='0'?'checked':'false'}" type="radio" name="sex" value="0" title="女">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">年龄</label>
                <div class="layui-input-inline">
                    <input th:value="${staff.getAge()}" type="text" name="age" placeholder="请输入年龄" lay-verify="number" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline" style="margin-bottom: 0px;">
                    <label class="layui-form-label">出生日期</label>
                    <div class="layui-input-block" style="width: 190px;">
                        <input th:value="${staff.getBirthDate()}" type="text" name="birthDate" id="birthDate" placeholder="1990-1-1" lay-verify="required|date" autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">政治面貌</label>
                <div class="layui-input-inline">
                    <select name="politicalStatus" lay-filter="politicalStatus" lay-verify="required">
                        <option value="" selected></option>
                        <option th:selected="${staff.getPoliticalStatus()=='共青团员'}" value="共青团员">共青团员</option>
                        <option th:selected="${staff.getPoliticalStatus()=='党员'}" value="党员">党员</option>
                        <option th:selected="${staff.getPoliticalStatus()=='预备党员'}" value="预备党员">预备党员</option>
                        <option th:selected="${staff.getPoliticalStatus()=='群众'}" value="群众">群众</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">电话</label>
                <div class="layui-input-inline">
                    <input th:value="${staff.getPhone()}" type="text" name="phone" lay-verify="required|phone" placeholder="请输入手机号码" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">电子邮箱</label>
                <div class="layui-input-inline">
                    <input th:value="${staff.getEmail()}" type="text" name="email" lay-verify="required|email" placeholder="请输入电子邮箱" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">地址</label>
                <div class="layui-input-inline">
                    <select name="province" id="province" lay-verify="required" lay-search lay-filter="province">
                        <option value="">请选择省</option>
                    </select>
                </div>
                <div class="layui-input-inline" style="margin-left: -11px;">
                    <select name="city" id="city" lay-verify="required" lay-search lay-filter="city">
                        <option value="">请选择市</option>
                    </select>
                </div>
                <div class="layui-input-inline" style="margin-left: -11px;">
                    <select name="district" id="district" lay-verify="required" lay-search>
                        <option value="">请选择县/区</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">职位</label>
                <div class="layui-input-inline">
                    <select name="post" lay-filter="post" lay-verify="required">
                        <option value="" selected></option>
                        <option th:selected="${staff.getPost()=='会计'}" value="会计">会计</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">薪水</label>
                <div class="layui-input-inline">
                    <input th:value="${staff.getSalary()}" type="text" name="salary" lay-verify="required" placeholder="请输入薪水" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text" style="width: 56.5%;">
                <label class="layui-form-label">备注</label>
                <div class="layui-input-block">
                    <textarea th:text="${staff.getNote()}" id="note" placeholder="请输入......" class="layui-textarea"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <button class="layui-btn" lay-submit lay-filter="edit_submit">提交</button>
                <button type="reset" class="layui-btn layui-btn-warm" style="margin-left: -4px;">重置</button>
            </div>
        </form>
    </div>
</body>
<script src="../../static/js/jquery-3.4.1.js"></script>
<script src="../../static/layui/layui.js"></script>
<script src="../../static/js/staff/index.js"></script>
</html>